.info_bubble {
  width: 100%;
  height: 100%;

  .info_bubble_header {
    width: 95%;
    height: 50px;
    margin: 0 auto;

    > button {
      margin-top: 1%;
      padding: 5px 10px;
      border: 1px solid #c0ccdd;
      border-color: #c0ccdd !important;
      background: #eaf2ff !important;
      background-image: linear-gradient(#f9fdff, #e9f4ff, #f9fdff) !important;
      color: #001529 !important;
      border-radius: 5px;
    }

    > button:hover {
      background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
    }
  }

  .info_bubble_content {
    width: 95%;
    height: calc(100% - 50px);
    margin: 0 auto;

    .info_bubble_content_header {
      width: 100%;
      height: 50px;

      > ul {
        list-style: none;

        li {
          float: left;
          line-height: 48px;
        }
      }

      > button {
        padding: 3px 10px;
        margin-top: 0.5%;
        margin-left: 3%;
        border: 1px solid #c0ccdd;
        border-color: #c0ccdd !important;
        background: #eaf2ff !important;
        background-image: linear-gradient(#f9fdff, #e9f4ff, #f9fdff) !important;
        color: #001529 !important;
        border-radius: 5px;
      }

      > button:hover {
        background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
      }
    }

    .info_bubble_content_table {
      width: 100%;
      height: 100%;
    }
  }
}
